import React,{ Component } from 'react';
import { GradientsBar, GradientsFont, Icon, Button } from '../../components/exports';
import './style/header.scss'


export default class Home extends Component<any>{

	state = {
		language: '中文'
	}


	render(){

		return (
			<GradientsBar
					size={['100%', '60px']}
					gradients='NewLife'
				>
					<a href="">
						<div className='logo'></div>
						<GradientsFont
							style={{position: 'relative', top:'-10px', left:'-17px', userSelect: 'none'}}
							gradients='GrownEarly'
							size='large'
						>Muguet</GradientsFont>
					</a>
					<div style={{	position: 'absolute', bottom: '3px', right: '20px' }}>
						<Button
							size='tiny'
							className='labelButton'
							style={{background: 'transparent'}}
							href={{
								url: '/site/gradients.htm',
								target: 'blank'
							}}
						>Gradients Card</Button>
						<Button
							size='tiny'
							style={{background: 'transparent'}}
						>{this.state.language}</Button>
					</div>
				</GradientsBar>
		)
	}
}
